Formation NextJS.
Score de satisfaction : 4.93/5
Durée :
3 jours
Distanciel et 16 villes en France
numero vert : 0805 950 800 (service et appel gratuits)
NextJS
à partir de
1800 €HT

Référence :
SF33767
Durée :
3 jours

Vous souhaitez une session sur-mesure (intra) ?
Ce stage comprend
 21 heures de formation
Support de cours numérique
Pauses et snacks à volonté
Prise en charge OPCO possible
Disponible à distance

Formation NextJS.

Maîtrisez le développement d'applications Web avec NextJS grâce à notre formation de 3 jours !

Découvrez notre formation consacrée à NextJS, un framework populaire pour le développement d'applications web performantes et optimisées. Cette formation NextJS, destinée aux développeurs ayant une connaissance de base des technologies web et de React, vous permettra de maîtriser les concepts clés de NextJS et d'acquérir une expérience pratique dans la création, l'optimisation et le déploiement d'applications NextJS. Le programme couvre les fondamentaux de NextJS, la configuration de projets, la création de pages, l'optimisation des performances ainsi que les meilleures pratiques de déploiement. Grâce à des exemples concrets et de nombreux cas pratiques, vous apprendrez à tirer parti de la puissance de NextJS pour développer des applications web réactives et évolutives, adaptées aux besoins des entreprises modernes.

Objectifs pédagogiques.

1Expliquer les fondamentaux de NextJS et les avantages de son utilisation

2Mettre en place un projet NextJS avec une configuration personnalisée

3Créer des pages statiques et dynamiques

4Optimiser les performances et le référencement des applications NextJS

5Déployer et maintenir des applications NextJS en production

Prérequis : Connaissance des technologies web (HTML, CSS et JavaScript), une expérience avec React.
Partagez cette formation

Programme de formation NextJS.

Introduction à la formation NextJS

Présentation de NextJS
Avantages de NextJS par rapport à d’autres frameworks
Architecture et fonctionnement de NextJS
Installation et configuration de l’environnement de développement

Configuration et personnalisation d’un projet NextJS

Création d’un nouveau projet NextJS
Structure de dossiers et fichiers
Configuration de l’environnement (fichiers _app.js, _document.js, next.config.js)
Importation de CSS et de bibliothèques tierces (exemple : Bootstrap, Material-UI)
Gestion des variables d’environnement
Exemple de cas pratiques : Création d’un projet NextJS avec une configuration personnalisée

Gestion des pages et des routes

Création de pages statiques et dynamiques (fichier-route, paramètres de requête)
Système de fichiers et API de données (getStaticProps, getStaticPaths, getServerSideProps)
Navigation entre les pages (Link, useRouter)
Gestion des erreurs et des redirections
Exemple de cas pratiques : Création d’un blog avec pages statiques et dynamiques

Optimisation des performances et du référencement

Rendu côté serveur (SSR) et génération de site statique (SSG)
Optimisation des images avec NextJS Image Component
Gestion du référencement et des métadonnées (exemple : utilisation de Head)
Utilisation de techniques de performance (lazy-loading, code-splitting)
Exemple de cas pratiques : Optimisation d’un site e-commerce pour les performances et le référencement

Déploiement et maintenance

Processus de build et d’exportation
Déploiement sur des plateformes populaires (exemple : Vercel, Netlify)
Mise à jour et maintenance des applications NextJS
Surveillance des performances et de la disponibilité
Exemple de cas pratiques : Déploiement d’une application NextJS sur Vercel

Notre charte qualité et éthique.

A travers sa Charte Engagement Qualité, Sparks s’engage à tout mettre en œuvre pour que chaque session de formation soit un succès et que votre satisfaction soit totale.

Amandine de Sparks
Des chiffres étincelants.
19 années
à vos côtés
+ de 1000
sujets de formation
8096
stagiaires formés en 2023
238
formateurs actifs en 2023
97,9%
de stagiaires satisfaits
20237
heures de formation réalisées en 2023
HAUT